<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title>伙伴</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=yes">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="alternate icon" type="image/png" href="static/assets/i/favicon_color.png">
    <link rel="stylesheet" href="static/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="static/assets/css/admin.css">
    <link rel="stylesheet" href="static/jquery-ui/jquery-ui.min.css">
    <link rel="stylesheet" href="static/assets/css/app.css">
    <style>

    </style>
</head>
<body>
<header class="am-topbar">
    <h1 class="am-topbar-brand">
        &nbsp;&nbsp;&nbsp;<a href="#"><img width="50" height="50" src="static/assets/i/favicon.png">
        伙伴</a>
    </h1>

    <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
            data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span
            class="am-icon-bars"></span></button>

    <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
        <ul class="am-nav am-nav-pills am-topbar-nav" id="nav1">
            <li><a href="/mypartener">首页</a></li>
            <li class="am-dropdown" data-am-dropdown>
                <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                    生活点滴<span class="am-icon-caret-down"></span>
                </a>
                <ul class="am-dropdown-content" id="nav3">
                    <li><a href="#" onclick="loadPage('story.html')" class="dropdown am-active">重温故里</a></li>
                    <li><a href="#" class="dropdown am-active">风风雨雨</a></li>
                    <li><a href="#" class="dropdown am-active">星光闪亮</a></li>
                </ul>
            </li>
            <li><a href="#" onclick="loadPage('book.html')">自斟自饮</a></li>
            <li><a href="#" onclick="loadPage('photo.html')">风采掠影</a></li>
            <li><a href="#" onclick="loadPage('party.html')">联谊活动</a></li>
            <li><a href="#">互帮互助</a></li>
        </ul>
        <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list" id="nav2">
            <li><a href="javascript:;"><span class="am-icon-envelope-o"></span> 收件箱 <span
                    class="am-badge am-badge-warning">5</span></a></li>
            <li class="am-dropdown" data-am-dropdown>
                <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                    <span class="am-icon-users"></span> 个人中心 <span class="am-icon-caret-down"></span>
                </a>
                <ul class="am-dropdown-content">
                    <li><a href="#" class="dropdown am-active"><span class="am-icon-user"></span> 资料</a></li>
                    <li><a href="#" class="dropdown am-active"><span class="am-icon-cog"></span> 设置</a></li>
                    <li><a href="#" class="dropdown am-active"><span class="am-icon-briefcase"></span> 管理</a></li>
                    <li><a href="#" class="dropdown  am-active" onclick="loginMe()"><span class="am-icon-eye"></span>
                        登录</a></li>
                    <li><a href="#" class="dropdown am-active"><span class="am-icon-info-circle"></span> 关于</a></li>
                    <li><a href="#" class="dropdown am-active"><span class="am-icon-power-off"></span> 退出</a></li>

                </ul>
            </li>
            <li class="am-hide-sm-only"><a href="javascript:;" id="admin-fullscreen"><span
                    class="am-icon-arrows-alt"></span> <span class="admin-fullText">开启全屏</span></a></li>
        </ul>
    </div>

</header>

<div class="am-g am-g-fixed" id="container">
    <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-gallery-imgbordered"
        data-am-gallery="{pureview:{target: 'a'}}">
        <li>
            <div class="am-gallery-item">
                <a href="media/gallery/1.jpg" title="远方 有一个地方 那里种有我们的梦想">
                    <img src="media/gallery/1.jpg" alt="远方 有一个地方 那里种有我们的梦想"/>

                    <h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>

                    <div class="am-gallery-desc">2375-09-26</div>
                </a>
            </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="media/gallery/2.jpg" title="某天 也许会相遇 相遇在这个好地方">
                    <img src="media/gallery/2.jpg" alt="某天 也许会相遇 相遇在这个好地方"/>

                    <h3 class="am-gallery-title">某天 也许会相遇 相遇在这个好地方</h3>

                    <div class="am-gallery-desc">2375-09-26</div>
                </a>
            </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="media/gallery/3.jpg" title="某天 也许会相遇 相遇在这个好地方">
                    <img src="media/gallery/3.jpg" alt="某天 也许会相遇 相遇在这个好地方"/>

                    <h3 class="am-gallery-title">某天 也许会相遇 相遇在这个好地方</h3>

                    <div class="am-gallery-desc">2375-09-26</div>
                </a>
            </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="media/gallery/4.jpg" title="某天 也许会相遇 相遇在这个好地方">
                    <img src="media/gallery/4.jpg" alt="某天 也许会相遇 相遇在这个好地方"/>

                    <h3 class="am-gallery-title">某天 也许会相遇 相遇在这个好地方</h3>

                    <div class="am-gallery-desc">2375-09-26</div>
                </a>
            </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="media/gallery/5.jpg" title="某天 也许会相遇 相遇在这个好地方">
                    <img src="media/gallery/5.jpg" alt="某天 也许会相遇 相遇在这个好地方"/>

                    <h3 class="am-gallery-title">某天 也许会相遇 相遇在这个好地方</h3>

                    <div class="am-gallery-desc">2375-09-26</div>
                </a>
            </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="media/gallery/6.jpg" title="某天 也许会相遇 相遇在这个好地方">
                    <img src="media/gallery/6.jpg" alt="某天 也许会相遇 相遇在这个好地方"/>

                    <h3 class="am-gallery-title">某天 也许会相遇 相遇在这个好地方</h3>

                    <div class="am-gallery-desc">2375-09-26</div>
                </a>
            </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="media/gallery/7.jpg" title="某天 也许会相遇 相遇在这个好地方">
                    <img src="media/gallery/7.jpg" alt="某天 也许会相遇 相遇在这个好地方"/>

                    <h3 class="am-gallery-title">某天 也许会相遇 相遇在这个好地方</h3>

                    <div class="am-gallery-desc">2375-09-26</div>
                </a>
            </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="media/gallery/8.jpg" title="某天 也许会相遇 相遇在这个好地方">
                    <img src="media/gallery/8.jpg" alt="某天 也许会相遇 相遇在这个好地方"/>

                    <h3 class="am-gallery-title">某天 也许会相遇 相遇在这个好地方</h3>

                    <div class="am-gallery-desc">2375-09-26</div>
                </a>
            </div>
        </li>
    </ul>

</div>

<footer class="blog-footer">
    <small>© Copyright 烈焰之雨</small>
</footer>
<div id="login-form"  title="用户登录">
    <form method="post" class="am-form">
        <label for="email">邮箱:</label>
        <input type="email" name="" id="email" value="">
        <br>
        <label for="password">密码:</label>
        <input type="password" name="" id="password" value="">
        <br>
        <label for="remember-me">
            <input id="remember-me" type="checkbox">
            记住密码
        </label>
        <br />
        <div class="am-cf">
            <input type="submit" name="" value="登 录" class="am-btn am-btn-primary am-btn-sm am-fl">
            <input type="submit" name="" value="忘记密码 ^_^? " class="am-btn am-btn-default am-btn-sm am-fr">
        </div>
    </form>
</div>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="static/assets/js/polyfill/rem.min.js"></script>
<script src="static/assets/js/polyfill/respond.min.js"></script>
<script src="static/assets/js/amazeui.legacy.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="static/assets/js/jquery.min.js"></script>
<script src="static/assets/js/amazeui.min.js"></script>
<!--<![endif]-->
<script src="static/jquery-ui/jquery-ui.min.js"></script>
<script src="static/assets/js/amazeui.widgets.helper.min.js"></script>
<script src="static/assets/js/handlebars.min.js"></script>
<script src="static/assets/js/app.js"></script>
<script>

</script>
</body>
</html>